@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

/** 明细区域样式 **/
.wf-detail{
	background: #FFFFFF;
	position: relative;
	
	.excelDetailTableDiv{
		background: #ffffff;
		position: relative;

		.excelDetailTableArea_locked{
            position: absolute;
            background: #FFFFFF;
            top: 0px;
            left: 0px;
            z-index: 99;

            .excelDetailContent{
                overflow: hidden !important;
            }
        }

		.excelDetailTable{
			border: 0px;
			margin: 0px;
			padding: 0px;
			border-collapse: collapse;
			table-layout: fixed;
		}
		.excelDetailFixedHead,.excelDetailFixedHead_locked{
			display: none;
			overflow: hidden;
			position: fixed;
			background: #FFFFFF;
			z-index: 9;
		}
		.detailControlWidth{
			height: 0px !important;
			// display: none;
		}
		.detailSerial{
			margin-left: 4px !important;
			margin-right: 0px !important;
		}
		.wf-detailScroll{
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
	}

	.detailButtonDiv{
		padding-top: 2px;
		text-align: right;

		.am-button-select-select{
			margin: 0px; 
		}

		.detailBtn{
			font-size: 18px;
			margin: 0px 6px;
			cursor: pointer;
		}
		.wf-dbtn-add,.wf-dbtn-copy{
			color: #55B1F9;
		}
		.wf-dbtn-delete{
			color: #FF3B30;
		}
		.detailBtnDisabled{
			color: #BFBFBF;
		}
	}

	.wf-detail-locked-btnrow{
        .wf-detail-locked-btnrow-table{
            width: 100%;
			border-collapse: collapse;
			
			.detailButtonDiv{
				min-width: 150px;
			}
        }
        .wf-detail-locked-btnrow-content{
            background: #FFFFFF;
        }
        .wf-detail-locked-btnrow-placeholder{
            display: none;
        }
    }

    .wf-detail-locked-btnrow-fixed{
        .wf-detail-locked-btnrow-content{
            position: fixed;
            z-index: 100;
        }

        .wf-detail-locked-btnrow-placeholder{
            display: block;
        }
    }
	
	.wf-detail-paging{
		padding-top: 6px;
		padding-bottom: 4px;
		display: flex;
		text-align: center;

		.wf-detail-pagesize{
			flex-basis: 20%;
			flex-shrink: 1;
			line-height: 22 * @hd;

			.wf-detail-pagesize-switch{
				display: inline-block;
				padding: 0px 6 * @hd;
				border: 1px solid #BCBBC1;
			}
		}
		.wf-detail-pageinfo{
			flex-basis: 16%;
			flex-shrink: 1;
			line-height: 22 * @hd;
		}
		.wf-detail-switch-btn{
			flex-basis: 16%;
			flex-shrink: 2;

			.am-icon-arrow-left,.am-icon-arrow-right{
				width: 14 * @hd;
				color: #4D4D4D;
			}

			.am-icon-home-page-1,.am-icon-tail-page{
				width: 10 * @hd;
				color: #4D4D4D;
			}
		}
	}

	.wf-detail-slideprompt{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		color: @brand-primary;

		.wf-detail-slideprompt-icon-area{
			float: left;

			.wf-detail-slideprompt-icon{
				color: @brand-primary;
				width: 28px;
				height: 28px;
			}
		}
		.wf-detail-slideprompt-text{
			float: left;
			font-size: 14px;
			padding: 6px 0px 0px 2px;
		}
	}
}